在线调试地址高德驾车路径规划

最后一个script标签替换以下代码就可以看到效果。

    //基本地图加载     var map = new AMap.Map("container", {         resizeEnable: true,         center: [116.397428, 39.90923],//地图中心点         zoom: 13 //地图显示的缩放级别     });

//为了显示规避区域范围而画的红色矩形框   var pathnew = [     new AMap.LngLat(116.242446,40.066265),     new AMap.LngLat(116.252274,40.067053),     new AMap.LngLat(116.254978,40.061502),     new AMap.LngLat(116.246995,40.060353),     new AMap.LngLat(116.242446,40.066265) ];

var polyline = new AMap.Polyline({     path: pathnew,       borderWeight: 2, // 线条宽度，默认为 1     strokeColor: 'red', // 线条颜色     lineJoin: 'round' // 折线拐点连接处样式 });

map.add(polyline);

// arr为规避区域的lnglat的二维数组   var arr = [[new AMap.LngLat(116.242446,40.066265),new AMap.LngLat(116.252274,40.067053),new AMap.LngLat(116.246995,40.060353),new AMap.LngLat(116.254978,40.061502)]]     //构造路线导航类     var driving = new AMap.Driving({         map: map,         panel: "panel"     });    // driving.setAvoidPolygons(arr)//设置规避区域  // driving.setAvoidRoad('后厂村路')//设置规避道路，与规避区域只能二选一     // 根据起终点名称规划驾车导航路线     driving.search([         {keyword: '用友',city:'北京'},//起点         {keyword: '滴滴大厦',city:'北京'}//终点     ], function(status, result) {         // result 即是对应的驾车导航信息，相关数据结构文档请参考  https://lbs.amap.com/api/javascript-api/reference/route-search#m_DrivingResult         if (status === 'complete') {             log.success('绘制驾车路线完成')         } else {             log.error('获取驾车数据失败：' + result)         }     });

没有设置规避区域和规避道路效果图：（红框为规避区域）

打开注释  driving.setAvoidPolygons(arr)//设置规避区域，效果图：

打开注释driving.setAvoidRoad('友谊路')，设置规避道路(没有设置规避区域)，效果图：